/*
 * @Author: humengchuan 531537052@qq.com
 * @Date: 2024-12-19 10:11:38
 * @LastEditors: humengchuan 531537052@qq.com
 * @LastEditTime: 2024-12-19 10:25:17
 * @FilePath: \project-my\next-learn-app\src\views\tailwind\textHidden.tsx
 * @Description: 
 */
import React from 'react'

export default function textHidden() {
    return (
        <div className='w-40'>
            <p className='line-clamp-1' style={{
                background: 'linear-gradient(to right, blue, red)',
                WebkitBackgroundClip: 'text',
                WebkitTextFillColor: 'transparent',
                color: 'orange' // Fallback for browsers that do not support gradient text
            }} >这里是单行文本超出省略这里是单行文本超出省略这里是单行文本超出省略这里是单行文本超出省略这里是单行文本超出省略</p>
            <p className='line-clamp-2 text-cyan-400'>这里是多行文本超出省略这里是多行文本超出省略这里是多行文本超出省略这里是多行文本超出省略这里是多行文本超出省略</p>
        </div>
    )
}
